/* stylelint-disable at-rule-no-unknown,at-rule-empty-line-before */
@import "../../../style/default";
@import "../../button/style/mixin";
@import "mixin";

$search-prefix: #{$style-prefix}-input-search;

.#{$search-prefix} {
  &-icon {
    pointer-events: none;
    color: $text-color-secondary;
  }

  &:not(&-small) > .#{$style-prefix}-input-suffix {
    right: $control-padding-horizontal;
  }

  > .#{$style-prefix}-input-suffix > .#{$search-prefix}-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    > .#{$iconfont-css-prefix}-search {
      font-size: $font-size-lg;
    }
  }

  &.#{$search-prefix}-enter-button > .#{$style-prefix}-input {
    padding-right: 46px;
  }

  &.#{$search-prefix}-enter-button > .#{$style-prefix}-input-suffix {
    right: 0;
  }
}
